<template>
  <ul class="footer">
    <router-link to="/" tag="li">
        <i class="iconfont icon-tubiao-"></i>
    </router-link >
    <router-link to="/me" tag="li">
        <i class="iconfont icon-tubiao-1"></i>
    </router-link >
  </ul>
    
</template>

<script>
export default {
  name: 'footer-bar',
  props: {
    msg: String
  },
  data(){
    return {
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.footer{
width: 100%;
padding: 10px 0;
box-sizing: border-box;
min-height: 45px;
background-color: white;
color: #333;
align-self: flex-end;
display: flex;
justify-content: space-around;
}
.footer .iconfont{
    font-size: 20px;
}
.router-link-exact-active{
  color: rgb(13, 64, 204);
}

</style>
